<html> <head> <title>Menu Links</title> <script language="JavaScript"> <!-- //This script is public domain. Written by Nizar A. Badib, nab1@indo.net.id. //Script is for, but not unlimited to, 2 alternating images and text for OnMouseOver/OnMouseOut combo, //great for menus, where the images differ only in color. In this example we have: //buttons, here named buttona.gif (red) and buttonb.gif (blue) //menu names, 1.gif/1b.gif, etc.. (one red the other green) //and descriptive text, where to change this simply replace the messages in ShowText matching the previous menu images, //and don't forget to replace their relative URLs or http addresses. Note that the images are transparent gif images, //hence can be used with just about any background image or color, depending of course on the images themselves. //Script works with IE3+ and N3+. //*********************************************************************************** //* * //* I looked for a script of this kind, some came close but not what I had in mind. * //* So ... I decided to write one myself. * //* If you do use this script. a mention of the author would be appreciated, * //* but not required. In any case, hope everyone finds this script useful. * //* * //*********************************************************************************** function ShowText (z) { var message; if (z == 1) message = "Sean Erwin's OSR2 FAQ. An excellent resource page completely devoted to Installation Precedures and Common FAQS on Windowsâ95 OEM Service Release 2 (OSR2). Also covers earlier releases of this OS."; else if (z == 2) message = "Kenny's Free Goodies Page. Good old Ken! A short list of some very useful utilities and faqs for Win95. Try it"; else if (z == 3) message = "The HTML Goodies Home Page, by Joe Burns, Ph.D.. The Doc's page has anything and everything you'll ever need to learn HTML and building your own homepage!"; else return false; document.messages.Mytext.value = message; return true; } if (document.images) { ImageOver = new Array(4); ImageOut = new Array(4); ImageOver[1] = new Image; ImageOut[1] = new Image; ArrowOver = new Array(4); ArrowOut = new Array(4); ArrowOver[1] = new Image; ArrowOut[1] = new Image; for (var m = 2; m <= 3; m++) { ImageOver[m] = new Image; ImageOut[m] = new Image; ArrowOver[m] = new Image; ArrowOut[m] = new Image; } for (var t = 1; t <= 3; t++) { ImageOver[t].src =""+t+".gif"; ImageOut[t].src =""+t+"b.gif"; ArrowOver[t].src="buttona.gif"; ArrowOut[t].src="buttonb.gif"; } } function ImgOver(i) { if (document.images) { document.images["con" + i].src = ImageOver[i].src; document.images["pop" + i].src = ArrowOver[i].src; } } function ImgOut(i) { if (document.images) { document.images["con" + i].src = ImageOut[i].src; document.images["pop" + i].src = ArrowOut[i].src; } } //--> </script> </head> <body bgcolor="#FFFFFF"> <div align="center"> <form name="messages"> <table border="2" cellpadding="5" cellspacing="0"> <tr> <td align="center" colspan="3"><h1>My Menu</h1> </td> </tr> <tr valign="top"> <td align="center"><img name="pop1" src="buttona.gif" width="25" height="25"> </td> <td align="center" valign="middle"><a href="http://www.compuclinic.com/osr2faq" onMouseOver="ImgOut("1");ShowText("1")" onMouseOut="ImgOver("1")" target="_top"><img name="con1" src="1.gif" border="0" width="50" height="20"></a> </td> <td align="center" valign="middle" rowspan="3" bgcolor="#ffoofa"><textarea name="Mytext" rows="6" cols="30" wrap="virtual"></textarea> </td> </tr> <tr valign="top"> <td align="center"><img name="pop2" src="buttona.gif" width="25" height="25"> </td> <td align="center" valign="middle"><a href="http://www.dentalaw.com/freestuff/page.html" onMouseOver="ImgOut("2");ShowText("2")" onMouseOut="ImgOver("2")" target="_top"><img name="con2" src="2.gif" border="0" width="50" height="20"></a> </td> </tr> <tr valign="top"> <td align="center"><img name="pop3" src="buttona.gif" width="25" height="25"> </td> <td align="center" valign="middle"><a href="http://www.htmlgoodies.com" onMouseOver="ImgOut("3");ShowText("3")" onMouseOut="ImgOver("3")" target="_top"><img name="con3" src="3.gif" border="0" width="50" height="20"></a> </td> </tr> </table> </form> <p>Comments to:<a href="mailto:nab1@indo.net.id">nab1@indo.net.id</a> </p> </div> </body> </html>
1998 Copyright (C) Next Step Software All Rights Reserved
